<template>
  <div id="personIncome">
    <div class="person-header">
      <h2 style="margin-left: 20px">资金记录</h2>
      <ul class="person-header-title">
        <router-link to="/homePageIndex" class="goBack">
          <li><i class="el-icon-discount"></i> 首页</li>
        </router-link>
        <li>/ 资金记录</li>
      </ul>
    </div>
    <div class="person-content">
      <div class="person-content-ft">
        <el-button class="upMsg" @click="upMsg">
            <i class="el-icon-refresh"></i>刷新
        </el-button>
      </div>
      <div class="person-content-table">
        <el-table :data="tableData" stripe style="width: 100%">
          <el-table-column
            prop="date"
            label="日期"
            width="180"
          ></el-table-column>
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          ></el-table-column>
          <el-table-column prop="address" label="地址"> </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "PersonIncome",
  data() {
    return {

    };
  },
};
</script>

<style scoped>
* {
  margin: 0px;
  padding: 0px;
}
#personIncome {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1270px;
  height: 690px;
  /* background-color: hotpink; */
}
.person-header {
  position: relative;
  width: 1270px;
  height: 60px;
  line-height: 60px;
  /* background-color: rgb(247, 146, 146); */
}
.person-header-title {
  list-style: none;
}
.goBack {
  text-decoration: none;
}
.person-header .person-header-title li {
  position: relative;
  height: 50px;
  line-height: 50px;
  /* background-color: chartreuse; */
}
.person-header .person-header-title li:nth-child(1) {
  top: -55px;
  left: 1090px;
  width: 60px;
  font-size: 18px;
  color: #080808;
  font-weight: bold;
}
.person-header .person-header-title li:nth-child(1):hover {
  color: #00c0ff;
}
.person-header .person-header-title li:nth-child(2) {
  top: -105px;
  left: 1160px;
  width: 80px;
  font-weight: bold;
  color: gray;
}

.person-content {
  position: relative;
  left: 20px;
  width: 1220px;
  height: 600px;
  border: 2px solid rgb(197, 196, 196);
  border-top: 5px solid rgb(179, 177, 177);
  border-radius: 5px;
  /* background-color: gray; */
}
.person-content-ft {
  height: 45px;
  line-height: 45px;
  border-bottom: 2px solid rgb(194, 193, 193);
  /* background-color: indianred; */
}
.upMsg {
  width: 70px;
  height: 30px;
  color: white;
  border-radius: 5px;
  border: none;
  margin-left: 20px;
  background-color: #22b86c;
}

.person-content-table {
  width: 1200px;
  height: 520px;
  position: relative;
  top: 15px;
  left: 10px;
  /* background-color: rgb(209, 208, 208); */
}
</style>
